/** @type {import('tailwindcss').Config} */

const width = {};
for (let i = 1; i <= 2000; i++) {
  width[`${i}px`] = `${i}px`;
}

const height = {};
for (let i = 1; i <= 2000; i++) {
  height[`${i}px`] = `${i}px`;
}

const padding = {};
for (let i = 1; i <= 300; i++) {
  padding[`${i}px`] = `${i}px`;
}

const margin = {};
for (let i = 1; i <= 300; i++) {
  margin[`${i}px`] = `${i}px`;
}

const fontSize = {};
for (let i = 1; i <= 300; i++) {
  fontSize[`${i}px`] = `${i}px`;
}

const gap = {};
for (let i = 1; i <= 300; i++) {
  gap[`${i}px`] = `${i}px`;
}

const borderWidth = {};
for (let i = 1; i <= 300; i++) {
  borderWidth[`${i}px`] = `${i}px`;
}

const lineHeight = {};
for (let i = 1; i <= 2000; i++) {
  lineHeight[`${i}px`] = `${i}px`;
}

const inset = {};
for (let i = -500; i <= 500; i++) {
  inset[`${i}px`] = `${i}px`;
}

const scale = {};
for (let i = 1; i <= 10; i++) {
  scale[`${i}`] = `${i * 100}`;
}

const borderRadius = {};
for (let i = 1; i <= 500; i++) {
  borderRadius[`${i}px`] = `${i}px`;
}

module.exports = {
  content: ["./src/**/*.{html,vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      width,
      height,
      padding,
      margin,
      fontSize,
      gap,
      borderWidth,
      lineHeight,
      inset,
      borderRadius
    },
    scale
  },
  plugins: [],
}
